<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>套牌车稽查系统 - 注册</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/login.css">
</head>
<body>
    <div class="title">
        <h1>基于车辆特征分析的套牌车稽查系统</h1>
    </div>
    <div class="login-container">
        <h2>注册</h2>
        {% if error %}
        <p class="error-message">{{ error }}</p>
        {% endif %}
        <form action="/register" method="post">
            <div class="form-group input-group">
                <i class="fa fa-user"></i>
                <input type="text" class="form-control" placeholder="新用户名" name="new_username">
            </div>
            <div class="form-group input-group">
                <i class="fa fa-lock"></i>
                <input type="password" class="form-control" placeholder="新密码" name="new_password">
            </div>
            <button type="submit" class="login-button">注册</button>
        </form>
        <div class="register-link">
            <a href="/">已有账号？立即登录</a>
        </div>
    </div>
</body>
</html>